<template>
  <div class="popupMask">
    <div class="popupPenal" style="width:65%;height:80%;">
      <div class="popPenalTitle">
        <div class="popPenalTitleName">
          追溯
        </div>
        <div class="popupClose" v-on:click="close">
          <el-button size="mini">关闭</el-button>
        </div>
      </div>
      <div class="penalContent" style="bottom:0;overflow: auto;">
        <div>
          <span style="padding-left:20px;">检测单信息</span>
          <div class="penalrow selectw100" style="padding-top:0;">
            <el-table :data="ceshipixinxi" style="width: 100%" @selection-change="handleSelectionChange" size="mini" border cell-class-name="batchtablecell"
              row-class-name="sampleTableRowClassName">
              <el-table-column property="pihao" label="批号" fixed width="80px">
              </el-table-column>
              <el-table-column property="nenglicanshu" width="150px" fixed label="能力参数">
              </el-table-column>
              <el-table-column property="pizhaungtai" label="批状态">
              </el-table-column>
              <el-table-column property="jianceren" label="检测人">
              </el-table-column>
              <el-table-column property="jiaoheren" label="校核人">
              </el-table-column>
              <el-table-column property="gongtongwanchengren" label="共同完成人" width="100px">
              </el-table-column>
              <el-table-column property="chuangjianriqi" width="100px" label="创建日期">
              </el-table-column>
              <el-table-column property="chuangjianriqi" width="100px" label="录入日期">
              </el-table-column>
              <el-table-column property="" width="100px" label="校核日期">
              </el-table-column>
              <el-table-column property="chuangjianren" label="创建人">
              </el-table-column>
            </el-table>
          </div>
          <span style="padding-left:20px;">样品信息</span>
          <div class="penalrow selectw100" style="padding-top:0;">
            <el-table :data="yangpingxinxi" style="width: 100%" @selection-change="handleSelectionChange" size="mini" border height="120"
              highlight-current-row cell-class-name="batchtablecell" row-class-name="sampleTableRowClassName">
              <el-table-column property="pihao" label="任务" fixed width="100px">
              </el-table-column>
              <el-table-column property="nenglicanshu" width="90px" fixed label="监测点">
              </el-table-column>
              <el-table-column property="pizhaungtai" fixed width="120px" label="样品编号">
              </el-table-column>
              <el-table-column property="chuangjianriqi" width="100px" label="接样日期">
              </el-table-column>
              <el-table-column property="chuangjianriqi" width="100px" label="QC类型">
              </el-table-column>
              <el-table-column property="jianceren" label="采样人">
              </el-table-column>
              <el-table-column property="jiaoheren" width="120px" label="现场负责人">
              </el-table-column>
              <el-table-column property="" width="100px" label="接样人">
              </el-table-column>
              <el-table-column property="gongtongwanchengren" label="采样日期" width="100px">
              </el-table-column>
            </el-table>
          </div>
          <div class="penalrow" style="padding-top:0;">
            <el-tabs v-model="activeName" style="width:100%;">
              <el-tab-pane label="设备信息" name="first">
                <div class="inlineblock" style="width:30%;">
                  <div class="penalrow selectw100">
                    <div class=" width100 ">
                      <div class="inlineblock verticalmiddle">
                        仪器名称
                      </div>
                      <div class="inlineblock verticalmiddle informationItem">
                        <el-input size="mini" placeholder="L-色谱仪"></el-input>
                      </div>
                    </div>
                  </div>
                  <div class="penalrow selectw100">
                    <div class=" width100 ">
                      <div class="inlineblock verticalmiddle">
                        仪器类型
                      </div>
                      <div class="inlineblock verticalmiddle informationItem">
                        <el-input size="mini" placeholder="色谱类"></el-input>
                      </div>
                    </div>
                  </div>
                  <div class="penalrow selectw100">
                    <div class=" width100 ">
                      <div class="inlineblock verticalmiddle">
                        仪器编号
                      </div>
                      <div class="inlineblock verticalmiddle informationItem">
                        <el-input size="mini" placeholder="K-28598457"></el-input>
                      </div>
                    </div>
                  </div>
                  <div class="penalrow selectw100">
                    <div class=" width100 ">
                      <div class="inlineblock verticalmiddle">
                        仪器型号
                      </div>
                      <div class="inlineblock verticalmiddle informationItem">
                        <el-input size="mini" placeholder="L-29483752893"></el-input>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="inlineblock" style="width:calc(70% - 10px);float:right;">
                  <el-table :data="useRecordTableDate" style="width: 100%" height="190" size="mini" border key="useRecordTableDate">
                    <el-table-column label="序号" fixed min-width="50px">
                      <template slot-scope="scope">
                        {{scope.$index+1}}
                      </template>
                    </el-table-column>
                    <el-table-column property="useRecordStartTime" label="开始使用时间" min-width="160px">
                    </el-table-column>
                    <el-table-column property="useRecordEndTime" label="结束使用时间" min-width="160px">
                    </el-table-column>
                    <el-table-column property="useRecordTemperature" label="温度" min-width="100px">
                    </el-table-column>
                    <el-table-column property="useRecordHumidity" label="湿度" min-width="100px">
                    </el-table-column>
                    <el-table-column property="useRecordStatus" label="状况" min-width="100px">
                    </el-table-column>
                    <el-table-column property="sampleNum" label="样品数量" min-width="100px">
                    </el-table-column>
                    <el-table-column property="userName" label="使用人" min-width="100px">
                    </el-table-column>
                    <el-table-column label="操作" fixed="right" min-width="180px">
                      <template slot-scope="scope">
                        <el-button type="text" size="mini">查看使用检查项</el-button>
                      </template>
                    </el-table-column>
                  </el-table>
                </div>
              </el-tab-pane>
              <el-tab-pane label="QC样品" name="second">
                <el-table :data="qcyangping" style="width: 100%" height="190" size="mini" border key="qcyangping">
                  <el-table-column label="序号" fixed min-width="50px">
                    <template slot-scope="scope">
                      {{scope.$index+1}}
                    </template>
                  </el-table-column>
                  <el-table-column property="useRecordStartTime" label="样品编号" min-width="160px">
                  </el-table-column>
                  <el-table-column property="useRecordEndTime" label="分析项" min-width="120px">
                  </el-table-column>
                  <el-table-column property="useRecordTemperature" label="QC类型" min-width="100px">
                  </el-table-column>
                  <el-table-column property="useRecordHumidity" label="父样编号" min-width="160px">
                  </el-table-column>
                  <!-- <el-table-column
                            property="useRecordStatus"
                            label="原始结果"
                            min-width="100px">
                          </el-table-column> -->
                  <el-table-column property="sampleNum" label="结果" min-width="100px">
                  </el-table-column>
                  <!-- <el-table-column
                            label="操作"
                            fixed="right"
                            min-width="180px"
                            >
                            <template slot-scope="scope">
                              <el-button type="text" size="mini">查看使用检查项</el-button>
                            </template>
                          </el-table-column> -->
                </el-table>
              </el-tab-pane>
              <el-tab-pane label="检测方法" name="sixth">
                <div class="inlineblock" style="width:30%;">
                  <div class="penalrow selectw100">
                    <div class=" width100 ">
                      <div class="inlineblock verticalmiddle">
                        方法类型
                      </div>
                      <div class="inlineblock verticalmiddle informationItem">
                        <el-input size="mini" placeholder="GB"></el-input>
                      </div>
                    </div>
                  </div>
                  <div class="penalrow selectw100">
                    <div class=" width100 ">
                      <div class="inlineblock verticalmiddle">
                        方法名称
                      </div>
                      <div class="inlineblock verticalmiddle informationItem">
                        <el-input size="mini" placeholder="仪器法"></el-input>
                      </div>
                    </div>
                  </div>
                  <div class="penalrow selectw100">
                    <div class=" width100 ">
                      <div class="inlineblock verticalmiddle">
                        方法描述
                      </div>
                      <div class="inlineblock verticalmiddle informationItem">
                        <el-input size="mini" placeholder="......."></el-input>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="inlineblock" style="width:calc(70% - 10px);float:right;">
                  <el-table :data="useRecordTableDate" style="width: 100%" height="190" size="mini" border key="useRecordTableDate">
                    <el-table-column label="序号" fixed min-width="50px">
                      <template slot-scope="scope">
                        {{scope.$index+1}}
                      </template>
                    </el-table-column>
                    <el-table-column label="方法附件名称" min-width="160px">
                    </el-table-column>
                    <el-table-column label="附件类型" min-width="160px">
                    </el-table-column>
                    <el-table-column label="操作" min-width="180px">
                      <template slot-scope="scope">
                        <el-button type="text" size="mini">查看附件</el-button>
                      </template>
                    </el-table-column>
                  </el-table>
                </div>
              </el-tab-pane>
              <el-tab-pane label="附件" name="fifth">
                <el-table :data="fujianliebiao" style="width: 100%" height="190" size="mini" key="fujianliebiao" border>
                  <el-table-column label="序号" fixed min-width="50px">
                    <template slot-scope="scope">
                      {{scope.$index+1}}
                    </template>
                  </el-table-column>
                  <el-table-column property="name" label="原始记录附件" min-width="160px">
                  </el-table-column>
                  <el-table-column property="type" label="附件类型" min-width="120px">
                  </el-table-column>
                  <el-table-column property="time" label="上传日期" min-width="100px">
                  </el-table-column>
                  <el-table-column property="people" label="上传人" min-width="100px">
                  </el-table-column>
                  <el-table-column label="操作" min-width="180px">
                    <template slot-scope="scope">
                      <el-button type="text" size="mini">下载查看</el-button>
                    </template>
                  </el-table-column>
                </el-table>
              </el-tab-pane>
              <el-tab-pane label="样品操作记录" name="third">
                <el-table :data="caozuojilu" style="width: 100%" height="190" size="mini" border key="caozuojilu">
                  <el-table-column label="序号" fixed min-width="50px">
                    <template slot-scope="scope">
                      {{scope.$index+1}}
                    </template>
                  </el-table-column>
                  <el-table-column property="useRecordStartTime" label="操作" min-width="160px">
                  </el-table-column>
                  <el-table-column property="suggestion" label="操作意见" min-width="120px">
                  </el-table-column>
                  <el-table-column property="useRecordEndTime" label="日期" min-width="120px">
                  </el-table-column>
                  <el-table-column property="useRecordTemperature" label="操作人员" min-width="100px">
                  </el-table-column>

                </el-table>
              </el-tab-pane>
              <el-tab-pane label="分析项结果" name="fourth">
                <el-table :data="yuanshijilu" style="width: 100%" height="190" size="mini" key="yuanshijilu" border>
                  <el-table-column label="序号" fixed min-width="50px">
                    <template slot-scope="scope">
                      {{scope.$index+1}}
                    </template>
                  </el-table-column>
                  <el-table-column property="useRecordStartTime" label="样品编号" min-width="160px">
                  </el-table-column>
                  <el-table-column property="useRecordEndTime" label="分析项" min-width="120px">
                  </el-table-column>
                  <el-table-column property="sampleNum" label="QC类型" min-width="100px">
                  </el-table-column>
                  <el-table-column property="userName" label="父样编号" min-width="100px">
                  </el-table-column>
                  <el-table-column property="useRecordTemperature" label="重测数" min-width="100px">
                  </el-table-column>
                  <el-table-column property="useRecordHumidity" label="重录数" min-width="160px">
                  </el-table-column>
                  <el-table-column property="useRecordStatus" label="原始结果" min-width="100px">
                  </el-table-column>
                  <el-table-column property="sampleNum" label="报出结果" min-width="100px">
                  </el-table-column>
                  <!-- <el-table-column
                            label="操作"
                            fixed="right"
                            min-width="180px"
                            >
                            <template slot-scope="scope">
                              <el-button type="text" size="mini">查看使用检查项</el-button>
                            </template>
                          </el-table-column> -->
                </el-table>
              </el-tab-pane>
            </el-tabs>
          </div>
          <div style="    padding-left: 20px;">
            <el-button type="primary" size="mini">查看原始记录</el-button>
            <el-button type="primary" size="mini">下载原始记录</el-button>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import { mapState } from 'vuex'

  export default {
    data() {
      return {
        yesornoValue: '1',
        enableStatusValue: '1',
        ceshipixinxi: [
          {
            pihao: '21555',
            nenglicanshu: '高锰酸盐指数_酸性法',
            pizhaungtai: '待校核',
            jianceren: '检测员',
            jiaoheren: '',
            gongtongwanchengren: '',
            chuangjianriqi: '2018-04-04',
            chuangjianren: '检测员A'
          }
        ],
        yangpingxinxi: [
          {
            pihao: '日任务',
            nenglicanshu: '监测点一',
            pizhaungtai: 'HJ17018001001',
            jianceren: '采样人A',
            jiaoheren: '现场负责人A',
            gongtongwanchengren: '2018-04-03',
            chuangjianriqi: '2018-04-03',
            chuangjianren: ''
          },
          {
            pihao: '日任务',
            nenglicanshu: '监测点一',
            pizhaungtai: 'HJ17018001001',
            jianceren: '采样人A',
            jiaoheren: '现场负责人A',
            gongtongwanchengren: '2018-04-03',
            chuangjianriqi: '2018-04-03',
            chuangjianren: ''
          },
          {
            pihao: '日任务',
            nenglicanshu: '监测点一',
            pizhaungtai: 'HJ17018001001',
            jianceren: '采样人A',
            jiaoheren: '现场负责人A',
            gongtongwanchengren: '2018-04-03',
            chuangjianriqi: '2018-04-03',
            chuangjianren: ''
          },
          {
            pihao: '日任务',
            nenglicanshu: '监测点一',
            pizhaungtai: 'HJ17018001001',
            jianceren: '采样人A',
            jiaoheren: '现场负责人A',
            gongtongwanchengren: '2018-04-03',
            chuangjianriqi: '2018-04-03',
            chuangjianren: ''
          },
          {
            pihao: '日任务',
            nenglicanshu: '监测点一',
            pizhaungtai: 'HJ17018001001',
            jianceren: '采样人A',
            jiaoheren: '现场负责人A',
            gongtongwanchengren: '2018-04-03',
            chuangjianriqi: '2018-04-03',
            chuangjianren: ''
          },
          {
            pihao: '日任务',
            nenglicanshu: '监测点一',
            pizhaungtai: 'HJ17018001001',
            jianceren: '采样人A',
            jiaoheren: '现场负责人A',
            gongtongwanchengren: '2018-04-03',
            chuangjianriqi: '2018-04-03',
            chuangjianren: ''
          },
          {
            pihao: '日任务',
            nenglicanshu: '监测点一',
            pizhaungtai: 'HJ17018001001',
            jianceren: '采样人A',
            jiaoheren: '现场负责人A',
            gongtongwanchengren: '2018-04-03',
            chuangjianriqi: '2018-04-03',
            chuangjianren: ''
          }
        ],
        activeName: 'first',
        useRecordTableDate: [
          {
            useRecordID: '',
            useRecordTemperature: '22℃',//温度
            useRecordHumidity: '52%',//湿度
            useRecordStatus: '良好',//状况
            sampleNum: '15',//样品数量
            userName: '检测员A',//使用人
            useRecordStartTime: '2018-01-01 09：00：00',//使用开始时间
            useRecordEndTime: '2018-01-01 10：00：00'//使用结束时间
          },
          {
            useRecordID: '',
            useRecordTemperature: '22℃',//温度
            useRecordHumidity: '52%',//湿度
            useRecordStatus: '良好',//状况
            sampleNum: '15',//样品数量
            userName: '检测员A',//使用人
            useRecordStartTime: '2018-01-01 09：00：00',//使用开始时间
            useRecordEndTime: '2018-01-01 10：00：00'//使用结束时间
          },
          {
            useRecordID: '',
            useRecordTemperature: '22℃',//温度
            useRecordHumidity: '52%',//湿度
            useRecordStatus: '良好',//状况
            sampleNum: '15',//样品数量
            userName: '检测员A',//使用人
            useRecordStartTime: '2018-01-01 09：00：00',//使用开始时间
            useRecordEndTime: '2018-01-01 10：00：00'//使用结束时间
          },
          {
            useRecordID: '',
            useRecordTemperature: '22℃',//温度
            useRecordHumidity: '52%',//湿度
            useRecordStatus: '良好',//状况
            sampleNum: '15',//样品数量
            userName: '检测员A',//使用人
            useRecordStartTime: '2018-01-01 09：00：00',//使用开始时间
            useRecordEndTime: '2018-01-01 10：00：00'//使用结束时间
          },
          {
            useRecordID: '',
            useRecordTemperature: '22℃',//温度
            useRecordHumidity: '52%',//湿度
            useRecordStatus: '良好',//状况
            sampleNum: '15',//样品数量
            userName: '检测员A',//使用人
            useRecordStartTime: '2018-01-01 09：00：00',//使用开始时间
            useRecordEndTime: '2018-01-01 10：00：00'//使用结束时间
          },
          {
            useRecordID: '',
            useRecordTemperature: '22℃',//温度
            useRecordHumidity: '52%',//湿度
            useRecordStatus: '良好',//状况
            sampleNum: '15',//样品数量
            userName: '检测员A',//使用人
            useRecordStartTime: '2018-01-01 09：00：00',//使用开始时间
            useRecordEndTime: '2018-01-01 10：00：00'//使用结束时间
          },
          {
            useRecordID: '',
            useRecordTemperature: '22℃',//温度
            useRecordHumidity: '52%',//湿度
            useRecordStatus: '良好',//状况
            sampleNum: '15',//样品数量
            userName: '检测员A',//使用人
            useRecordStartTime: '2018-01-01 09：00：00',//使用开始时间
            useRecordEndTime: '2018-01-01 10：00：00'//使用结束时间
          },
          {
            useRecordID: '',
            useRecordTemperature: '22℃',//温度
            useRecordHumidity: '52%',//湿度
            useRecordStatus: '良好',//状况
            sampleNum: '15',//样品数量
            userName: '检测员A',//使用人
            useRecordStartTime: '2018-01-01 09：00：00',//使用开始时间
            useRecordEndTime: '2018-01-01 10：00：00'//使用结束时间
          },
          {
            useRecordID: '',
            useRecordTemperature: '22℃',//温度
            useRecordHumidity: '52%',//湿度
            useRecordStatus: '良好',//状况
            sampleNum: '15',//样品数量
            userName: '检测员A',//使用人
            useRecordStartTime: '2018-01-01 09：00：00',//使用开始时间
            useRecordEndTime: '2018-01-01 10：00：00'//使用结束时间
          },
          {
            useRecordID: '',
            useRecordTemperature: '22℃',//温度
            useRecordHumidity: '52%',//湿度
            useRecordStatus: '良好',//状况
            sampleNum: '15',//样品数量
            userName: '检测员A',//使用人
            useRecordStartTime: '2018-01-01 09：00：00',//使用开始时间
            useRecordEndTime: '2018-01-01 10：00：00'//使用结束时间
          },
          {
            useRecordID: '',
            useRecordTemperature: '22℃',//温度
            useRecordHumidity: '52%',//湿度
            useRecordStatus: '良好',//状况
            sampleNum: '15',//样品数量
            userName: '检测员A',//使用人
            useRecordStartTime: '2018-01-01 09：00：00',//使用开始时间
            useRecordEndTime: '2018-01-01 10：00：00'//使用结束时间
          },
          {
            useRecordID: '',
            useRecordTemperature: '22℃',//温度
            useRecordHumidity: '52%',//湿度
            useRecordStatus: '良好',//状况
            sampleNum: '15',//样品数量
            userName: '检测员A',//使用人
            useRecordStartTime: '2018-01-01 09：00：00',//使用开始时间
            useRecordEndTime: '2018-01-01 10：00：00'//使用结束时间
          },
          {
            useRecordID: '',
            useRecordTemperature: '22℃',//温度
            useRecordHumidity: '52%',//湿度
            useRecordStatus: '良好',//状况
            sampleNum: '15',//样品数量
            userName: '检测员A',//使用人
            useRecordStartTime: '2018-01-01 09：00：00',//使用开始时间
            useRecordEndTime: '2018-01-01 10：00：00'//使用结束时间
          },
          {
            useRecordID: '',
            useRecordTemperature: '22℃',//温度
            useRecordHumidity: '52%',//湿度
            useRecordStatus: '良好',//状况
            sampleNum: '15',//样品数量
            userName: '检测员A',//使用人
            useRecordStartTime: '2018-01-01 09：00：00',//使用开始时间
            useRecordEndTime: '2018-01-01 10：00：00'//使用结束时间
          },
          {
            useRecordID: '',
            useRecordTemperature: '22℃',//温度
            useRecordHumidity: '52%',//湿度
            useRecordStatus: '良好',//状况
            sampleNum: '15',//样品数量
            userName: '检测员A',//使用人
            useRecordStartTime: '2018-01-01 09：00：00',//使用开始时间
            useRecordEndTime: '2018-01-01 10：00：00'//使用结束时间
          }
        ],
        qcyangping: [
          {
            useRecordID: '',
            useRecordTemperature: '实验室平行',//温度
            useRecordHumidity: 'HJ17018001001',//湿度
            useRecordStatus: '0.1',//状况
            sampleNum: '0.1',//样品数量
            userName: '',//使用人
            useRecordStartTime: 'HJ17018001002',//使用开始时间
            useRecordEndTime: '分析项一'//使用结束时间
          },
          {
            useRecordID: '',
            useRecordTemperature: '实验室平行',//温度
            useRecordHumidity: 'HJ17018001001',//湿度
            useRecordStatus: '0.1',//状况
            sampleNum: '0.1',//样品数量
            userName: '',//使用人
            useRecordStartTime: 'HJ17018001002',//使用开始时间
            useRecordEndTime: '分析项一'//使用结束时间
          },
          {
            useRecordID: '',
            useRecordTemperature: '实验室平行',//温度
            useRecordHumidity: 'HJ17018001001',//湿度
            useRecordStatus: '0.1',//状况
            sampleNum: '0.1',//样品数量
            userName: '',//使用人
            useRecordStartTime: 'HJ17018001002',//使用开始时间
            useRecordEndTime: '分析项一'//使用结束时间
          }
        ],
        caozuojilu: [
          {
            useRecordID: '',
            useRecordTemperature: '用户A',//温度
            useRecordHumidity: 'HJ17018001001',//湿度
            useRecordStatus: '0.1',//状况
            sampleNum: '0.1',//样品数量
            userName: '',//使用人
            useRecordStartTime: '采样',//使用开始时间
            useRecordEndTime: '2018-04-03',//使用结束时间
            suggestion: '良好'
          },
          {
            useRecordID: '',
            useRecordTemperature: '用户A',//温度
            useRecordHumidity: 'HJ17018001001',//湿度
            useRecordStatus: '0.1',//状况
            sampleNum: '0.1',//样品数量
            userName: '',//使用人
            useRecordStartTime: '接收',//使用开始时间
            useRecordEndTime: '2018-04-03',//使用结束时间
            suggestion: '良好'
          },
          {
            useRecordID: '',
            useRecordTemperature: '用户A',//温度
            useRecordHumidity: 'HJ17018001001',//湿度
            useRecordStatus: '0.1',//状况
            sampleNum: '0.1',//样品数量
            userName: '',//使用人
            useRecordStartTime: '试验',//使用开始时间
            useRecordEndTime: '2018-04-03',//使用结束时间
            suggestion: '良好'
          },
        ],
        yuanshijilu: [
          {
            useRecordID: '',
            useRecordTemperature: '0',//温度
            useRecordHumidity: '0',//湿度
            useRecordStatus: '0.1',//状况
            sampleNum: '实验室平行',//样品数量
            userName: 'HJ17018001001',//使用人
            useRecordStartTime: 'HJ17018001001',//使用开始时间
            useRecordEndTime: '分析项A'//使用结束时间
          },
          {
            useRecordID: '',
            useRecordTemperature: '0',//温度
            useRecordHumidity: '0',//湿度
            useRecordStatus: '0.1',//状况
            sampleNum: '',//样品数量
            userName: '',//使用人
            useRecordStartTime: 'HJ17018001001',//使用开始时间
            useRecordEndTime: '分析项A'//使用结束时间
          },
          {
            useRecordID: '',
            useRecordTemperature: '0',//温度
            useRecordHumidity: '0',//湿度
            useRecordStatus: '0.1',//状况
            sampleNum: '',//样品数量
            userName: '',//使用人
            useRecordStartTime: 'HJ17018001001',//使用开始时间
            useRecordEndTime: '分析项A'//使用结束时间
          },
          {
            useRecordID: '',
            useRecordTemperature: '0',//温度
            useRecordHumidity: '0',//湿度
            useRecordStatus: '0.1',//状况
            sampleNum: '',//样品数量
            userName: '',//使用人
            useRecordStartTime: 'HJ17018001001',//使用开始时间
            useRecordEndTime: '分析项A'//使用结束时间
          },
          {
            useRecordID: '',
            useRecordTemperature: '0',//温度
            useRecordHumidity: '0',//湿度
            useRecordStatus: '0.1',//状况
            sampleNum: '',//样品数量
            userName: '',//使用人
            useRecordStartTime: 'HJ17018001001',//使用开始时间
            useRecordEndTime: '分析项A'//使用结束时间
          }
        ],
        fujianliebiao: [
          {
            name: '附件一',
            type: '附件类型',
            time: '2018-01-01',
            people: '检测员A'
          },
          {
            name: '附件二',
            type: '附件类型',
            time: '2018-01-01',
            people: '检测员A'
          }
        ]
      }
    },
    computed: {
      ...mapState(['enableStatus', 'tableHeightA', 'yesorno', 'enableStatus']),
    },
    props: ['newOrEdit', 'canEdit'],
    methods: {
      close() {
        this.$parent.zhuisuShow = false;
      }
    }
  }

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .tabName {
    display: inline-block;
    cursor: pointer;
    padding: 0px 15px;
    border: 1px solid #b7b7b7;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    color: #a9a9a9;
  }

  .activeTab {
    color: #409eff;
  }

  .tabPageContent {}
</style>